@charset "utf-8";
/*banner*/
#banner {width:100%;height:auto;overflow:hidden;position: relative;z-index:0;}
#banner .pic{height:auto;position:relative;z-index:0;}
#banner .pic img{width:100%;height: 100%;display: block;}
#banner .hd{width:100%;position: absolute;bottom: 10px;text-align: center;z-index:1;}
#banner .hd li{width: 10px;height: 6px;border-radius: 3px;background: #fff;margin: 0 2px;cursor: pointer;display:inline-block; *display:inline; zoom:1;transition: all .3s linear;opacity: .5;}
#banner .hd .on{width: 50px;opacity: 1;}

/*news*/
.news{height: auto;overflow: hidden;padding: 40px 0;padding-bottom:0px;}
.news .focus{width: 340px;height: auto;overflow: hidden;float: left;}
.news .focus h2{font-size: 15px;font-weight: bold;color: #464646;margin-bottom: 15px;}
.news .focus p{line-height: 28px;color: #999;font-size: 13px}

.news .news-con{width: 345px;height: auto;overflow: hidden;float: left;margin-left: 122px;}
.news .news-con .tab-nav{height: auto;overflow: hidden;border-bottom:2px solid #ededed;padding-bottom: 12px;position: relative;}
.news .news-con .tab-nav li{float: left;margin-right: 20px;*margin-right: 16px;font-size: 14px;font-weight: bold;}
.news .news-con .tab-nav li.active a{color: #491a89;}
.news .news-con .line{height: 2px; width: 55px; background: #2e0073;position: relative; left: 0; margin-top: -2px;display: block;}
.news .news-con .tab-con{height: auto;overflow: hidden;margin-top: 10px;display: none;}
.news .news-con .tab-con li{height: auto;max-height: 25px;line-height: 25px;overflow: hidden;}
.news .news-con .tab-con li span{font-size: 12px;color: #868686;margin-right: 8px;}
.news .news-con .tab-con .img-box{width: 100px;height: 95px;overflow: hidden;float: left;margin-right: 13px;}
.news .news-con .tab-con .img-box img{width: 100px;height: 95px;}
.news .news-con .tab-con .text-box{height: auto;overflow: hidden;padding-top: 3px;}
.news .news-con .tab-con .text-box p{font-size: 13px;color: #999;line-height: 22px;transition: all .3s linear;}
.news .news-con .tab-con .video-img{width: 140px;height: 92px;overflow: hidden;position: relative;float: left;margin-right: 13px;}
.news .news-con .tab-con .video-img img{width: 140px;height: 92px;}
.news .news-con .tab-con .video-img span{width: 100%;height: 100%;display: block;background: #000;filter:alpha(opacity=50);background: rgba(0,0,0,.5);position: absolute;left: 0;top:0;transition: all .3s linear;}
.news .news-con .tab-con .video-img span i{font-size: 36px;color: #fff;position: absolute;top:24px;left: 50px;transition: all .3s linear;}
.news .news-con .tab-con .video-list li{line-height: 23px;}
.news .news-con .tab-con a img{transition: all .3s linear;}
.news .news-con .tab-con a:hover img{transform: scale(1.05,1.05);}
.news .news-con .tab-con a:hover{color: #4b2282;text-decoration: underline;}
.news .news-con .tab-con a:hover p{color: #4b2282;}
.news .news-con .tab-con .video-img:hover span{filter:alpha(opacity=0);background: rgba(0,0,0,0);}
.news .news-con .tab-con .video-img:hover span i{opacity: 0;}

.news .magazine{ margin:0 auto;width:150px;position:relative;float: left;margin-left: 123px;}
.news .magazine .btn-up,.news .magazine .btn-down{ display:block;position: absolute;right: -2px;bottom:-5px;font-size: 27px;color: #aeaeae;transition: all .3s linear;}
.news .magazine .btn-up{bottom:17px;}
.news .magazine .magazine-con{width:120px;height:154px;overflow:hidden;border: 1px solid #eaeaea; }
.news .magazine .magazine-con ul{overflow:hidden;zoom:1;}
.news .magazine .magazine-con ul li{ text-align:center; zoom:1;width:120px;height:154px;}
.news .magazine .magazine-con ul li img{ width:120px; height:154px; display:block;transition: all .3s linear;}
.news .magazine .magazine-con ul li img:hover {transform: scale(1.05,1.05);}

.news .service{width: 160px;float: left;margin-left: 22px;padding-top: 19px;}
.news .service h2{font-size: 15px;color: #6a6e84;font-weight: bold;}
.news .service h3{font-size: 14px;color: #d6d6d6;font-weight: bold;}
.news .service ul{height: auto;overflow: hidden;margin-top: 38px;}
.news .service ul li{font-size: 13px;font-weight: bold;line-height:24px;}
.news .service ul li a{color: #9e9e9e;}
.news .service ul li a:hover{color: #7c7c7c;}

.business{width: 100%;height: auto;overflow: hidden;background: #f1f1f1;}
.business ul{height: auto;overflow: hidden;}
.business ul li{width: 360px;height: 150px;overflow:hidden;float: left;}
.business ul li a{position: relative;width: 100%;height: 100%;display: block;}
.business ul li a img{display: block;}
.business ul li span{width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #000;filter:alpha(opacity=0);background: rgba(0,0,0,0);transition: all .3s linear;}
.business ul li.on span{filter:alpha(opacity=0);background: rgba(0,0,0,0);}
.business ul li.off span{filter:alpha(opacity=35);background: rgba(0,0,0,.35);}
.business ul li .ewm{position: absolute;right:-25px;top:25px;width: 110px;height: 110px;opacity: 0;filter:alpha(opacity=0);transition: all .4s linear;}
.business ul li .ewm img{width: 110px;height: 110px;}
.business ul li:hover .ewm{opacity: 1;filter:alpha(opacity=100);right:25px;}